@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px;}
html,body{header:100%}
html{ min-width:1000px;}
body{background:#FFF; font-family:Arial, Helvetica, sans-serif; font:10px; }
img{ border:0px;}
ul,ol{list-style:none;}
a{ text-decoration:none;}

#header{height:100px; background-image:url(../images/bg-header.gif); background-repeat:repeat-x; margin:0px ;padding:0px;}
#header .header-content{height:100px;width:1000px;margin:0px auto;padding:0px;}
#header .header-content .header-left{ width:186px; height:100px; background:url(../images/logo.jpg) no-repeat; margin:0px; padding:0px; float:left;}
#header .header-content .header-right{width:814px; height:100px; float:right; margin:0px; padding:0px;}
#header .header-content .header-right .top{width:814px; height:34px; padding:0px; margin:0px;}
#header .header-content .header-right .bottom{width:814px; height:64px; padding:2px 0px 0px 0px; margin:0px;}

#swapper{width:1000px;margin:0px auto;padding:0px;}

#swapper .left-content{ width:187px; margin:0px; padding:0px; float:left; }
#swapper .left-content .picture{width:185px;}
#swapper .left-content .picture .pic{width:137px; margin:0 auto; margin-top:15px;}
#swapper .left-content .picture .name{width:137px; margin:0 auto; height:30px; text-align:center}
#swapper .left-content .listfriend{width:181px; margin: 0px 0px 0px 4px;}
#swapper .left-content .friend-detail{ margin:0px 0px 0px 25px;}

#swapper .main-content{ width:573px;   padding:0px; float:left; margin:0px ; border-left:1px solid  #bfd9ec; border-right:1px solid #bfd9ec; border-bottom:1px solid  #bfd9ec;}
#swapper .main-content .status-frame{width:573px;border-bottom:1px solid  #bfd9ec;}
#swapper .main-content .status-frame .status{width:532px; margin:15px 20px 15px 20px; border-right:1px solid  #bfd9ec;border-left:1px solid  #bfd9ec;border-top:1px solid  #bfd9ec;border-bottom:1px solid  #bfd9ec;}
#swapper .main-content .comment-frame{width:573px; border-bottom:1px solid #bfd9ec;}
#swapper .main-content .comment-frame .comment{width:534px; padding-bottom:15px;  margin:15px 20px 15px 20px;  }
#swapper .main-content .comment-frame .comment .avatar{ float:left; width:56px;}
#swapper .main-content .reply{width:471px; float:right; margin:5px 0px 0px 7px; background-color:#e1e1e1}
#swapper .main-content .quoata{}

#swapper .right-content{ width:233px; margin:0px; padding:0px; float:left; text-align:right }

#footer{ width:1000px; height:100px; margin:0px auto; padding:0px; text-align:center; clear:both;}
